#dad2cd
RGB
赤 | 218 |
---|---|
緑 | 210 |
青 | 205 |
HSL
色相 | 23° |
---|---|
彩度 | 15% |
明度 | 83% |
輝度 | 83% |
3桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 210, 青 = 205 )
HSL ( 色相 = 23°, 彩度 = 15%, 明度 = 83% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #dacecd : -20
13 : #dad0cd : -10
23 : #dad2cd : ±0
33 : #dad4cd : +10
43 : #dad6cd : +20
53 : #dad9cd : +30
63 : #dadacd : +40
73 : #d7dacd : +50
83 : #d5dacd : +60
93 : #d3dacd : +70
103 : #d1dacd : +80
113 : #cfdacd : +90
123 : #cddace : +100
133 : #cddad0 : +110
143 : #cddad2 : +120
153 : #cddad4 : +130
163 : #cddad6 : +140
173 : #cddad9 : +150
183 : #cddada : +160
193 : #cdd7da : +170
203 : #cdd5da : +180
213 : #cdd3da : +190
223 : #cdd1da : +200
233 : #cdcfda : +210
243 : #cecdda : +220
253 : #d0cdda : +230
263 : #d2cdda : +240
273 : #d4cdda : +250
283 : #d6cdda : +260
293 : #d9cdda : +270
303 : #dacdda : +280
313 : #dacdd7 : +290
323 : #dacdd5 : +300
333 : #dacdd3 : +310
343 : #dacdd1 : +320
353 : #dacdcf : +330
13 : #dad0cd : -10
14 : #dad0cd : -9
15 : #dad0cd : -8
16 : #dad1cd : -7
17 : #dad1cd : -6
18 : #dad1cd : -5
19 : #dad1cd : -4
20 : #dad1cd : -3
21 : #dad2cd : -2
22 : #dad2cd : -1
23 : #dad2cd : ±0
24 : #dad2cd : +1
25 : #dad3cd : +2
26 : #dad3cd : +3
27 : #dad3cd : +4
28 : #dad3cd : +5
29 : #dad3cd : +6
30 : #dad4cd : +7
31 : #dad4cd : +8
32 : #dad4cd : +9
33 : #dad4cd : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -14
3 : #d5d3d2 : -12
5 : #d6d3d1 : -10
7 : #d7d3d1 : -8
9 : #d8d3d0 : -6
11 : #d8d3cf : -4
13 : #d9d2ce : -2
15 : #dad2cd : ±0
17 : #dbd2cc : +2
19 : #dcd2cb : +4
21 : #ddd2cb : +6
23 : #ded1ca : +8
25 : #ded1c9 : +10
27 : #dfd1c8 : +12
29 : #e0d1c7 : +14
31 : #e1d1c6 : +16
33 : #e2d0c5 : +18
35 : #e3d0c4 : +20
37 : #e4d0c4 : +22
39 : #e5d0c3 : +24
41 : #e5d0c2 : +26
43 : #e6cfc1 : +28
45 : #e7cfc0 : +30
47 : #e8cfbf : +32
49 : #e9cfbe : +34
51 : #eacebe : +36
53 : #ebcebd : +38
55 : #ebcebc : +40
57 : #eccebb : +42
59 : #edceba : +44
61 : #eecdb9 : +46
63 : #efcdb8 : +48
65 : #f0cdb7 : +50
67 : #f1cdb7 : +52
69 : #f2cdb6 : +54
71 : #f2ccb5 : +56
73 : #f3ccb4 : +58
75 : #f4ccb3 : +60
77 : #f5ccb2 : +62
79 : #f6ccb1 : +64
81 : #f7cbb1 : +66
83 : #f8cbb0 : +68
85 : #f8cbaf : +70
87 : #f9cbae : +72
89 : #facbad : +74
91 : #fbcaac : +76
93 : #fccaab : +78
95 : #fdcaaa : +80
97 : #fecaaa : +82
99 : #ffcaa9 : +84
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -82
3 : #090707 : -80
5 : #0f0c0b : -78
7 : #15110f : -76
9 : #1a1614 : -74
11 : #201b18 : -72
13 : #26201c : -70
15 : #2c2521 : -68
17 : #322a25 : -66
19 : #382f29 : -64
21 : #3e342e : -62
23 : #433932 : -60
25 : #493e36 : -58
27 : #4f423b : -56
29 : #55473f : -54
31 : #5b4c43 : -52
33 : #615148 : -50
35 : #67564c : -48
37 : #6d5b50 : -46
39 : #726055 : -44
41 : #786559 : -42
43 : #7e6a5d : -40
45 : #846f62 : -38
47 : #8a7466 : -36
49 : #90796a : -34
51 : #957e6f : -32
53 : #998375 : -30
55 : #9d887b : -28
57 : #a28e81 : -26
59 : #a69387 : -24
61 : #aa988d : -22
63 : #af9d92 : -20
65 : #b3a398 : -18
67 : #b7a89e : -16
69 : #bcada4 : -14
71 : #c0b2aa : -12
73 : #c4b8b0 : -10
75 : #c9bdb6 : -8
77 : #cdc2bc : -6
79 : #d1c8c1 : -4
81 : #d6cdc7 : -2
83 : #dad2cd : ±0
85 : #ded7d3 : +2
87 : #e3ddd9 : +4
89 : #e7e2df : +6
91 : #ebe7e5 : +8
93 : #f0edea : +10
95 : #f4f2f0 : +12
97 : #f8f7f6 : +14
99 : #fdfcfc : +16
CSS入門、作ってます。
text-shadow