🍋 Developer Tools
Konverter Kode Warna
Konversi antara format warna HEX, RGB, HSL, dan nama CSS
chars
words
sentences
lines
Hasil
Hasil
Tentang Konverter Kode Warna
Konversi warna antara format HEX, RGB, HSL, dan nama warna CSS. Pratinjau warna secara real-time dengan swatch perbandingan.
Cara Kerja
Parsing warna input di format apa pun, konversi melalui aritmatika komponen warna. HEX parsing ke pasangan hex, konversi ke desimal RGB. Konversi RGB↔HSL menggunakan formula standar. Kamus 148 nama warna CSS dipetakan ke nilai HEX.
Langkah demi Langkah
- 1 [
- 2 '
- 3 M
- 4 a
- 5 s
- 6 u
- 7 k
- 8 k
- 9 a
- 10 n
- 11
- 12 w
- 13 a
- 14 r
- 15 n
- 16 a
- 17
- 18 d
- 19 a
- 20 l
- 21 a
- 22 m
- 23
- 24 f
- 25 o
- 26 r
- 27 m
- 28 a
- 29 t
- 30
- 31 a
- 32 p
- 33 a
- 34
- 35 p
- 36 u
- 37 n
- 38
- 39 (
- 40 H
- 41 E
- 42 X
- 43 ,
- 44
- 45 R
- 46 G
- 47 B
- 48 ,
- 49
- 50 H
- 51 S
- 52 L
- 53 ,
- 54
- 55 a
- 56 t
- 57 a
- 58 u
- 59
- 60 n
- 61 a
- 62 m
- 63 a
- 64
- 65 C
- 66 S
- 67 S
- 68 )
- 69 '
- 70 ,
- 71
- 72 '
- 73 L
- 74 i
- 75 h
- 76 a
- 77 t
- 78
- 79 k
- 80 o
- 81 n
- 82 v
- 83 e
- 84 r
- 85 s
- 86 i
- 87
- 88 i
- 89 n
- 90 s
- 91 t
- 92 a
- 93 n
- 94
- 95 d
- 96 i
- 97
- 98 s
- 99 e
- 100 m
- 101 u
- 102 a
- 103
- 104 f
- 105 o
- 106 r
- 107 m
- 108 a
- 109 t
- 110 '
- 111 ,
- 112
- 113 '
- 114 P
- 115 r
- 116 a
- 117 t
- 118 i
- 119 n
- 120 j
- 121 a
- 122 u
- 123
- 124 w
- 125 a
- 126 r
- 127 n
- 128 a
- 129
- 130 d
- 131 i
- 132
- 133 p
- 134 a
- 135 n
- 136 e
- 137 l
- 138
- 139 v
- 140 i
- 141 s
- 142 u
- 143 a
- 144 l
- 145 '
- 146 ,
- 147
- 148 '
- 149 S
- 150 a
- 151 l
- 152 i
- 153 n
- 154
- 155 f
- 156 o
- 157 r
- 158 m
- 159 a
- 160 t
- 161
- 162 w
- 163 a
- 164 r
- 165 n
- 166 a
- 167
- 168 y
- 169 a
- 170 n
- 171 g
- 172
- 173 A
- 174 n
- 175 d
- 176 a
- 177
- 178 b
- 179 u
- 180 t
- 181 u
- 182 h
- 183 k
- 184 a
- 185 n
- 186 '
- 187 ]
Tips
- [
- '
- S
- h
- o
- r
- t
- h
- a
- n
- d
- H
- E
- X
- (
- #
- F
- 0
- 0
- )
- o
- t
- o
- m
- a
- t
- i
- s
- d
- i
- p
- e
- r
- l
- u
- a
- s
- k
- e
- f
- o
- r
- m
- a
- t
- p
- e
- n
- u
- h
- (
- #
- F
- F
- 0
- 0
- 0
- 0
- )
- '
- ,
- '
- N
- a
- m
- a
- w
- a
- r
- n
- a
- C
- S
- S
- c
- o
- c
- o
- k
- d
- e
- n
- g
- a
- n
- 1
- 4
- 8
- w
- a
- r
- n
- a
- b
- e
- r
- n
- a
- m
- a
- H
- T
- M
- L
- 5
- '
- ,
- '
- N
- i
- l
- a
- i
- H
- S
- L
- b
- e
- r
- g
- u
- n
- a
- u
- n
- t
- u
- k
- m
- e
- m
- b
- u
- a
- t
- v
- a
- r
- i
- a
- s
- i
- w
- a
- r
- n
- a
- —
- u
- b
- a
- h
- h
- a
- n
- y
- a
- l
- i
- g
- h
- t
- n
- e
- s
- s
- '
- ,
- '
- N
- i
- l
- a
- i
- R
- G
- B
- b
- e
- r
- k
- i
- s
- a
- r
- d
- a
- r
- i
- 0
- s
- a
- m
- p
- a
- i
- 2
- 5
- 5
- p
- e
- r
- s
- a
- l
- u
- r
- a
- n
- (
- 1
- 6
- ,
- 7
- j
- u
- t
- a
- w
- a
- r
- n
- a
- )
- '
- ]