#d1f5b3
RGB
赤 | 209 |
---|---|
緑 | 245 |
青 | 179 |
HSL
色相 | 93° |
---|---|
彩度 | 77% |
明度 | 83% |
輝度 | 89% |
3桁の色
補色
反転色
RGB ( 赤 = 209, 緑 = 245, 青 = 179 )
HSL ( 色相 = 93°, 彩度 = 77%, 明度 = 83% )
H : 色相 ( 93° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #f5b6b2 : -90
13 : #f5c1b2 : -80
23 : #f5ccb2 : -70
33 : #f5d7b2 : -60
43 : #f5e2b2 : -50
53 : #f5edb2 : -40
63 : #f2f5b2 : -30
73 : #e7f5b2 : -20
83 : #dbf5b2 : -10
93 : #d0f5b2 : ±0
103 : #c5f5b2 : +10
113 : #baf5b2 : +20
123 : #b2f5b6 : +30
133 : #b2f5c1 : +40
143 : #b2f5cc : +50
153 : #b2f5d7 : +60
163 : #b2f5e2 : +70
173 : #b2f5ed : +80
183 : #b2f2f5 : +90
193 : #b2e7f5 : +100
203 : #b2dbf5 : +110
213 : #b2d0f5 : +120
223 : #b2c5f5 : +130
233 : #b2baf5 : +140
243 : #b6b2f5 : +150
253 : #c1b2f5 : +160
263 : #ccb2f5 : +170
273 : #d7b2f5 : +180
283 : #e2b2f5 : +190
293 : #edb2f5 : +200
303 : #f5b2f2 : +210
313 : #f5b2e7 : +220
323 : #f5b2db : +230
333 : #f5b2d0 : +240
343 : #f5b2c5 : +250
353 : #f5b2ba : +260
83 : #dbf5b2 : -10
84 : #daf5b2 : -9
85 : #d9f5b2 : -8
86 : #d8f5b2 : -7
87 : #d7f5b2 : -6
88 : #d6f5b2 : -5
89 : #d5f5b2 : -4
90 : #d4f5b2 : -3
91 : #d3f5b2 : -2
92 : #d1f5b2 : -1
93 : #d0f5b2 : ±0
94 : #cff5b2 : +1
95 : #cef5b2 : +2
96 : #cdf5b2 : +3
97 : #ccf5b2 : +4
98 : #cbf5b2 : +5
99 : #caf5b2 : +6
100 : #c9f5b2 : +7
101 : #c7f5b2 : +8
102 : #c6f5b2 : +9
103 : #c5f5b2 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -76
3 : #d4d5d2 : -74
5 : #d3d6d1 : -72
7 : #d3d7d1 : -70
9 : #d3d8d0 : -68
11 : #d3d8cf : -66
13 : #d3d9ce : -64
15 : #d3dacd : -62
17 : #d3dbcc : -60
19 : #d3dccb : -58
21 : #d3ddcb : -56
23 : #d3deca : -54
25 : #d3dec9 : -52
27 : #d2dfc8 : -50
29 : #d2e0c7 : -48
31 : #d2e1c6 : -46
33 : #d2e2c5 : -44
35 : #d2e3c4 : -42
37 : #d2e4c4 : -40
39 : #d2e5c3 : -38
41 : #d2e5c2 : -36
43 : #d2e6c1 : -34
45 : #d2e7c0 : -32
47 : #d2e8bf : -30
49 : #d2e9be : -28
51 : #d1eabe : -26
53 : #d1ebbd : -24
55 : #d1ebbc : -22
57 : #d1ecbb : -20
59 : #d1edba : -18
61 : #d1eeb9 : -16
63 : #d1efb8 : -14
65 : #d1f0b7 : -12
67 : #d1f1b7 : -10
69 : #d1f2b6 : -8
71 : #d1f2b5 : -6
73 : #d0f3b4 : -4
75 : #d0f4b3 : -2
77 : #d0f5b2 : ±0
79 : #d0f6b1 : +2
81 : #d0f7b1 : +4
83 : #d0f8b0 : +6
85 : #d0f8af : +8
87 : #d0f9ae : +10
89 : #d0faad : +12
91 : #d0fbac : +14
93 : #d0fcab : +16
95 : #d0fdaa : +18
97 : #cffeaa : +20
99 : #cfffa9 : +22
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #020501 : -82
3 : #070e02 : -80
5 : #0c1703 : -78
7 : #102004 : -76
9 : #152905 : -74
11 : #1a3206 : -72
13 : #1f3b08 : -70
15 : #234409 : -68
17 : #284d0a : -66
19 : #2d560b : -64
21 : #315f0c : -62
23 : #36680d : -60
25 : #3b710f : -58
27 : #407a10 : -56
29 : #448311 : -54
31 : #498c12 : -52
33 : #4e9513 : -50
35 : #529e15 : -48
37 : #57a716 : -46
39 : #5cb017 : -44
41 : #60b918 : -42
43 : #65c219 : -40
45 : #6acb1a : -38
47 : #6fd41c : -36
49 : #73dd1d : -34
51 : #78e222 : -32
53 : #7ee32b : -30
55 : #83e534 : -28
57 : #89e63d : -26
59 : #8ee746 : -24
61 : #94e84f : -22
63 : #99e958 : -20
65 : #9fea61 : -18
67 : #a4ec6a : -16
69 : #aaed73 : -14
71 : #afee7c : -12
73 : #b5ef85 : -10
75 : #baf08e : -8
77 : #c0f297 : -6
79 : #c5f3a0 : -4
81 : #cbf4a9 : -2
83 : #d0f5b2 : ±0
85 : #d6f6bb : +2
87 : #dbf7c4 : +4
89 : #e1f9cd : +6
91 : #e6fad6 : +8
93 : #ecfbdf : +10
95 : #f1fce8 : +12
97 : #f7fdf1 : +14
99 : #fcfefa : +16
CSS入門、作ってます。
text-shadow