#cddeab
RGB
赤 | 205 |
---|---|
緑 | 222 |
青 | 171 |
HSL
色相 | 80° |
---|---|
彩度 | 44% |
明度 | 77% |
輝度 | 83% |
3桁の色
補色
反転色
RGB ( 赤 = 205, 緑 = 222, 青 = 171 )
HSL ( 色相 = 80°, 彩度 = 44%, 明度 = 77% )
H : 色相 ( 80° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #deabab : -80
10 : #deb3ab : -70
20 : #debcab : -60
30 : #dec4ab : -50
40 : #decdab : -40
50 : #ded6ab : -30
60 : #dedeab : -20
70 : #d6deab : -10
80 : #cddeab : ±0
90 : #c4deab : +10
100 : #bcdeab : +20
110 : #b3deab : +30
120 : #abdeab : +40
130 : #abdeb3 : +50
140 : #abdebc : +60
150 : #abdec4 : +70
160 : #abdecd : +80
170 : #abded6 : +90
180 : #abdede : +100
190 : #abd6de : +110
200 : #abcdde : +120
210 : #abc4de : +130
220 : #abbcde : +140
230 : #abb3de : +150
240 : #ababde : +160
250 : #b3abde : +170
260 : #bcabde : +180
270 : #c4abde : +190
280 : #cdabde : +200
290 : #d6abde : +210
300 : #deabde : +220
310 : #deabd6 : +230
320 : #deabcd : +240
330 : #deabc4 : +250
340 : #deabbc : +260
350 : #deabb3 : +270
70 : #d6deab : -10
71 : #d5deab : -9
72 : #d4deab : -8
73 : #d3deab : -7
74 : #d2deab : -6
75 : #d1deab : -5
76 : #d0deab : -4
77 : #d0deab : -3
78 : #cfdeab : -2
79 : #cedeab : -1
80 : #cddeab : ±0
81 : #ccdeab : +1
82 : #cbdeab : +2
83 : #cadeab : +3
84 : #cadeab : +4
85 : #c9deab : +5
86 : #c8deab : +6
87 : #c7deab : +7
88 : #c6deab : +8
89 : #c5deab : +9
90 : #c4deab : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c4c4c4 : -44
2 : #c5c6c3 : -42
4 : #c5c7c2 : -40
6 : #c6c8c1 : -38
8 : #c6c9c0 : -36
10 : #c6cabe : -34
12 : #c7cbbd : -32
14 : #c7cdbc : -30
16 : #c7cebb : -28
18 : #c8cfba : -26
20 : #c8d0b9 : -24
22 : #c9d1b7 : -22
24 : #c9d2b6 : -20
26 : #c9d4b5 : -18
28 : #cad5b4 : -16
30 : #cad6b3 : -14
32 : #cbd7b2 : -12
34 : #cbd8b0 : -10
36 : #cbd9af : -8
38 : #ccdbae : -6
40 : #ccdcad : -4
42 : #cdddac : -2
44 : #cddeab : ±0
46 : #cddfa9 : +2
48 : #cee1a8 : +4
50 : #cee2a7 : +6
52 : #cfe3a6 : +8
54 : #cfe4a5 : +10
56 : #cfe5a4 : +12
58 : #d0e6a2 : +14
60 : #d0e8a1 : +16
62 : #d0e9a0 : +18
64 : #d1ea9f : +20
66 : #d1eb9e : +22
68 : #d2ec9c : +24
70 : #d2ed9b : +26
72 : #d2ef9a : +28
74 : #d3f099 : +30
76 : #d3f198 : +32
78 : #d4f297 : +34
80 : #d4f395 : +36
82 : #d4f494 : +38
84 : #d5f693 : +40
86 : #d5f792 : +42
88 : #d6f891 : +44
90 : #d6f990 : +46
92 : #d6fa8e : +48
94 : #d7fb8d : +50
96 : #d7fd8c : +52
98 : #d8fe8b : +54
100 : #d8ff8a : +56
L : 明度 ( 77% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -76
3 : #090b04 : -74
5 : #0f1207 : -72
7 : #141a0a : -70
9 : #1a210d : -68
11 : #202810 : -66
13 : #263013 : -64
15 : #2c3715 : -62
17 : #323e18 : -60
19 : #38461b : -58
21 : #3d4d1e : -56
23 : #435421 : -54
25 : #495c24 : -52
27 : #4f6327 : -50
29 : #556a29 : -48
31 : #5b722c : -46
33 : #60792f : -44
35 : #668132 : -42
37 : #6c8835 : -40
39 : #728f38 : -38
41 : #78973b : -36
43 : #7e9e3d : -34
45 : #84a540 : -32
47 : #89ad43 : -30
49 : #8fb446 : -28
51 : #94b94b : -26
53 : #99bc52 : -24
55 : #9dbf5a : -22
57 : #a1c261 : -20
59 : #a6c468 : -18
61 : #aac770 : -16
63 : #aeca77 : -14
65 : #b3cd7e : -12
67 : #b7d086 : -10
69 : #bcd38d : -8
71 : #c0d695 : -6
73 : #c4d89c : -4
75 : #c9dba3 : -2
77 : #cddeab : ±0
79 : #d1e1b2 : +2
81 : #d6e4b9 : +4
83 : #dae7c1 : +6
85 : #deeac8 : +8
87 : #e3eccf : +10
89 : #e7efd7 : +12
91 : #ebf2de : +14
93 : #f0f5e5 : +16
95 : #f4f8ed : +18
97 : #f8fbf4 : +20
99 : #fdfefb : +22
CSS入門、作ってます。
text-shadow