#f0d9cc
RGB
赤 | 240 |
---|---|
緑 | 217 |
青 | 204 |
HSL
色相 | 22° |
---|---|
彩度 | 55% |
明度 | 87% |
輝度 | 87% |
3桁の色
補色
反転色
RGB ( 赤 = 240, 緑 = 217, 青 = 204 )
HSL ( 色相 = 22°, 彩度 = 55%, 明度 = 87% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #f0cdcc : -20
12 : #f0d3cc : -10
22 : #f0d9cc : ±0
32 : #f0dfcc : +10
42 : #f0e5cc : +20
52 : #f0ebcc : +30
62 : #eff0cc : +40
72 : #e9f0cc : +50
82 : #e3f0cc : +60
92 : #ddf0cc : +70
102 : #d7f0cc : +80
112 : #d0f0cc : +90
122 : #ccf0cd : +100
132 : #ccf0d3 : +110
142 : #ccf0d9 : +120
152 : #ccf0df : +130
162 : #ccf0e5 : +140
172 : #ccf0eb : +150
182 : #cceff0 : +160
192 : #cce9f0 : +170
202 : #cce3f0 : +180
212 : #ccddf0 : +190
222 : #ccd7f0 : +200
232 : #ccd0f0 : +210
242 : #cdccf0 : +220
252 : #d3ccf0 : +230
262 : #d9ccf0 : +240
272 : #dfccf0 : +250
282 : #e5ccf0 : +260
292 : #ebccf0 : +270
302 : #f0ccef : +280
312 : #f0cce9 : +290
322 : #f0cce3 : +300
332 : #f0ccdd : +310
342 : #f0ccd7 : +320
352 : #f0ccd0 : +330
12 : #f0d3cc : -10
13 : #f0d4cc : -9
14 : #f0d4cc : -8
15 : #f0d5cc : -7
16 : #f0d5cc : -6
17 : #f0d6cc : -5
18 : #f0d7cc : -4
19 : #f0d7cc : -3
20 : #f0d8cc : -2
21 : #f0d8cc : -1
22 : #f0d9cc : ±0
23 : #f0dacc : +1
24 : #f0dacc : +2
25 : #f0dbcc : +3
26 : #f0dbcc : +4
27 : #f0dccc : +5
28 : #f0ddcc : +6
29 : #f0ddcc : +7
30 : #f0decc : +8
31 : #f0decc : +9
32 : #f0dfcc : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #dedede : -54
3 : #dfdedd : -52
5 : #e0dddc : -50
7 : #e0dddc : -48
9 : #e1dddb : -46
11 : #e1ddda : -44
13 : #e2ddda : -42
15 : #e3ddd9 : -40
17 : #e3dcd8 : -38
19 : #e4dcd8 : -36
21 : #e5dcd7 : -34
23 : #e5dcd6 : -32
25 : #e6dcd6 : -30
27 : #e7dbd5 : -28
29 : #e7dbd4 : -26
31 : #e8dbd4 : -24
33 : #e9dbd3 : -22
35 : #e9dbd2 : -20
37 : #eadbd2 : -18
39 : #ebdad1 : -16
41 : #ebdad0 : -14
43 : #ecdad0 : -12
45 : #eddacf : -10
47 : #eddace : -8
49 : #eedace : -6
51 : #efd9cd : -4
53 : #efd9cc : -2
55 : #f0d9cc : ±0
57 : #f1d9cb : +2
59 : #f1d9ca : +4
61 : #f2d8ca : +6
63 : #f3d8c9 : +8
65 : #f3d8c8 : +10
67 : #f4d8c8 : +12
69 : #f5d8c7 : +14
71 : #f5d8c6 : +16
73 : #f6d7c6 : +18
75 : #f7d7c5 : +20
77 : #f7d7c4 : +22
79 : #f8d7c4 : +24
81 : #f9d7c3 : +26
83 : #f9d7c2 : +28
85 : #fad6c2 : +30
87 : #fbd6c1 : +32
89 : #fbd6c0 : +34
91 : #fcd6c0 : +36
93 : #fdd6bf : +38
95 : #fdd5be : +40
97 : #fed5be : +42
99 : #ffd5bd : +44
L : 明度 ( 87% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -86
3 : #0c0703 : -84
5 : #140b06 : -82
7 : #1c0f08 : -80
9 : #24140a : -78
11 : #2b180d : -76
13 : #331c0f : -74
15 : #3b2111 : -72
17 : #432514 : -70
19 : #4b2916 : -68
21 : #532e18 : -66
23 : #5b321a : -64
25 : #63361d : -62
27 : #6b3b1f : -60
29 : #733f21 : -58
31 : #7b4324 : -56
33 : #824826 : -54
35 : #8a4c28 : -52
37 : #92512a : -50
39 : #9a552d : -48
41 : #a2592f : -46
43 : #aa5e31 : -44
45 : #b26234 : -42
47 : #ba6636 : -40
49 : #c26b38 : -38
51 : #c7703d : -36
53 : #c97645 : -34
55 : #cb7b4d : -32
57 : #ce8155 : -30
59 : #d0875d : -28
61 : #d28d65 : -26
63 : #d5936d : -24
65 : #d79975 : -22
67 : #d99f7d : -20
69 : #dba484 : -18
71 : #deaa8c : -16
73 : #e0b094 : -14
75 : #e2b69c : -12
77 : #e5bca4 : -10
79 : #e7c2ac : -8
81 : #e9c7b4 : -6
83 : #ebcdbc : -4
85 : #eed3c4 : -2
87 : #f0d9cc : ±0
89 : #f2dfd4 : +2
91 : #f5e5db : +4
93 : #f7ebe3 : +6
95 : #f9f0eb : +8
97 : #fcf6f3 : +10
99 : #fefcfb : +12
CSS入門、作ってます。
text-shadow