#cdbfad
RGB
| 赤 | 205 |
|---|---|
| 緑 | 191 |
| 青 | 173 |
HSL
| 色相 | 34° |
|---|---|
| 彩度 | 24% |
| 明度 | 74% |
| 輝度 | 76% |
３桁の色
補色
反転色
RGB ( 赤 = 205, 緑 = 191, 青 = 173 )
HSL ( 色相 = 34°, 彩度 = 24%, 明度 = 74% )
H : 色相 ( 34° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #cdafad : -30
14 : #cdb4ad : -20
24 : #cdbaad : -10
34 : #cdbfad : ±0
44 : #cdc4ad : +10
54 : #cdc9ad : +20
64 : #cacdad : +30
74 : #c5cdad : +40
84 : #c0cdad : +50
94 : #bbcdad : +60
104 : #b5cdad : +70
114 : #b0cdad : +80
124 : #adcdaf : +90
134 : #adcdb4 : +100
144 : #adcdba : +110
154 : #adcdbf : +120
164 : #adcdc4 : +130
174 : #adcdc9 : +140
184 : #adcacd : +150
194 : #adc5cd : +160
204 : #adc0cd : +170
214 : #adbbcd : +180
224 : #adb5cd : +190
234 : #adb0cd : +200
244 : #afadcd : +210
254 : #b4adcd : +220
264 : #baadcd : +230
274 : #bfadcd : +240
284 : #c4adcd : +250
294 : #c9adcd : +260
304 : #cdadca : +270
314 : #cdadc5 : +280
324 : #cdadc0 : +290
334 : #cdadbb : +300
344 : #cdadb5 : +310
354 : #cdadb0 : +320
24 : #cdbaad : -10
25 : #cdbaad : -9
26 : #cdbbad : -8
27 : #cdbbad : -7
28 : #cdbcad : -6
29 : #cdbcad : -5
30 : #cdbdad : -4
31 : #cdbdad : -3
32 : #cdbead : -2
33 : #cdbead : -1
34 : #cdbfad : ±0
35 : #cdbfad : +1
36 : #cdc0ad : +2
37 : #cdc0ad : +3
38 : #cdc1ad : +4
39 : #cdc1ad : +5
40 : #cdc2ad : +6
41 : #cdc3ad : +7
42 : #cdc3ad : +8
43 : #cdc4ad : +9
44 : #cdc4ad : +10
S : 彩度 ( 24% )
(0%) 渋い ～ 鮮やか (100%)
0 : #bcbcbc : -24
2 : #bebdbb : -22
4 : #bfbdba : -20
6 : #c1bdb9 : -18
8 : #c2bdb7 : -16
10 : #c3beb6 : -14
12 : #c5beb5 : -12
14 : #c6beb3 : -10
16 : #c7beb2 : -8
18 : #c9beb1 : -6
20 : #cabeaf : -4
22 : #cbbfae : -2
24 : #cdbfad : ±0
26 : #cebfab : +2
28 : #cfbfaa : +4
30 : #d1bfa9 : +6
32 : #d2c0a7 : +8
34 : #d3c0a6 : +10
36 : #d5c0a5 : +12
38 : #d6c0a4 : +14
40 : #d7c0a2 : +16
42 : #d9c0a1 : +18
44 : #dac1a0 : +20
46 : #dbc19e : +22
48 : #ddc19d : +24
50 : #dec19c : +26
52 : #dfc19a : +28
54 : #e1c199 : +30
56 : #e2c298 : +32
58 : #e3c296 : +34
60 : #e4c295 : +36
62 : #e6c294 : +38
64 : #e7c292 : +40
66 : #e8c391 : +42
68 : #eac390 : +44
70 : #ebc38e : +46
72 : #ecc38d : +48
74 : #eec38c : +50
76 : #efc38a : +52
78 : #f0c489 : +54
80 : #f2c488 : +56
82 : #f3c486 : +58
84 : #f4c485 : +60
86 : #f6c484 : +62
88 : #f7c482 : +64
90 : #f8c581 : +66
92 : #fac580 : +68
94 : #fbc57e : +70
96 : #fcc57d : +72
98 : #fec57c : +74
100 : #ffc67a : +76
L : 明度 ( 74% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -74
2 : #060504 : -72
4 : #0d0b08 : -70
6 : #13100c : -68
8 : #191510 : -66
10 : #201a13 : -64
12 : #262017 : -62
14 : #2c251b : -60
16 : #332a1f : -58
18 : #392f23 : -56
20 : #3f3527 : -54
22 : #463a2b : -52
24 : #4c3f2f : -50
26 : #524432 : -48
28 : #594a36 : -46
30 : #5f4f3a : -44
32 : #65543e : -42
34 : #6c5942 : -40
36 : #725f46 : -38
38 : #78644a : -36
40 : #7e694e : -34
42 : #856f51 : -32
44 : #8b7455 : -30
46 : #917959 : -28
48 : #987e5d : -26
50 : #9e8461 : -24
52 : #a28967 : -22
54 : #a68d6e : -20
56 : #aa9274 : -18
58 : #ae977a : -16
60 : #b19c81 : -14
62 : #b5a187 : -12
64 : #b9a68d : -10
66 : #bdab93 : -8
68 : #c1b09a : -6
70 : #c5b5a0 : -4
72 : #c9baa6 : -2
74 : #cdbfad : ±0
76 : #d0c4b3 : +2
78 : #d4c9b9 : +4
80 : #d8cec0 : +6
82 : #dcd3c6 : +8
84 : #e0d8cc : +10
86 : #e4dcd3 : +12
88 : #e8e1d9 : +14
90 : #ece6df : +16
92 : #efebe6 : +18
94 : #f3f0ec : +20
96 : #f7f5f2 : +22
98 : #fbfaf9 : +24
100 : #ffffff : +26
CSS入門、作ってます。
text-shadow