#d20446
RGB
| 赤 | 210 |
|---|---|
| 緑 | 4 |
| 青 | 70 |
HSL
| 色相 | 341° |
|---|---|
| 彩度 | 96% |
| 明度 | 42% |
| 輝度 | 29% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 210, 緑 = 4, 青 = 70 )
HSL ( 色相 = 341°, 彩度 = 96%, 明度 = 42% )
H : 色相 ( 341° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #d20804 : -340
11 : #d22a04 : -330
21 : #d24c04 : -320
31 : #d26f04 : -310
41 : #d29104 : -300
51 : #d2b304 : -290
61 : #ced204 : -280
71 : #acd204 : -270
81 : #8ad204 : -260
91 : #68d204 : -250
101 : #45d204 : -240
111 : #23d204 : -230
121 : #04d208 : -220
131 : #04d22a : -210
141 : #04d24c : -200
151 : #04d26f : -190
161 : #04d291 : -180
171 : #04d2b3 : -170
181 : #04ced2 : -160
191 : #04acd2 : -150
201 : #048ad2 : -140
211 : #0468d2 : -130
221 : #0445d2 : -120
231 : #0423d2 : -110
241 : #0804d2 : -100
251 : #2a04d2 : -90
261 : #4c04d2 : -80
271 : #6f04d2 : -70
281 : #9104d2 : -60
291 : #b304d2 : -50
301 : #d204ce : -40
311 : #d204ac : -30
321 : #d2048a : -20
331 : #d20468 : -10
341 : #d20445 : ±0
351 : #d20423 : +10
331 : #d20468 : -10
332 : #d20464 : -9
333 : #d20461 : -8
334 : #d2045d : -7
335 : #d2045a : -6
336 : #d20457 : -5
337 : #d20453 : -4
338 : #d20450 : -3
339 : #d2044c : -2
340 : #d20449 : -1
341 : #d20445 : ±0
342 : #d20442 : +1
343 : #d2043f : +2
344 : #d2043b : +3
345 : #d20438 : +4
346 : #d20434 : +5
347 : #d20431 : +6
348 : #d2042d : +7
349 : #d2042a : +8
350 : #d20427 : +9
351 : #d20423 : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #6b6b6b : -96
2 : #6d696a : -94
4 : #6f676a : -92
6 : #726569 : -90
8 : #746368 : -88
10 : #766067 : -86
12 : #785e66 : -84
14 : #7a5c66 : -82
16 : #7c5a65 : -80
18 : #7e5864 : -78
20 : #815663 : -76
22 : #835462 : -74
24 : #855162 : -72
26 : #874f61 : -70
28 : #894d60 : -68
30 : #8b4b5f : -66
32 : #8d495f : -64
34 : #90475e : -62
36 : #92455d : -60
38 : #94425c : -58
40 : #96405b : -56
42 : #983e5b : -54
44 : #9a3c5a : -52
46 : #9c3a59 : -50
48 : #9f3858 : -48
50 : #a13657 : -46
52 : #a33357 : -44
54 : #a53156 : -42
56 : #a72f55 : -40
58 : #a92d54 : -38
60 : #ab2b54 : -36
62 : #ae2953 : -34
64 : #b02752 : -32
66 : #b22451 : -30
68 : #b42250 : -28
70 : #b62050 : -26
72 : #b81e4f : -24
74 : #ba1c4e : -22
76 : #bc1a4d : -20
78 : #bf184c : -18
80 : #c1154c : -16
82 : #c3134b : -14
84 : #c5114a : -12
86 : #c70f49 : -10
88 : #c90d49 : -8
90 : #cb0b48 : -6
92 : #ce0947 : -4
94 : #d00646 : -2
96 : #d20445 : ±0
98 : #d40245 : +2
100 : #d60044 : +4
L : 明度 ( 42% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -42
2 : #0a0003 : -40
4 : #140007 : -38
6 : #1e010a : -36
8 : #28010d : -34
10 : #320111 : -32
12 : #3c0114 : -30
14 : #460117 : -28
16 : #50021a : -26
18 : #5a021e : -24
20 : #640221 : -22
22 : #6e0224 : -20
24 : #780228 : -18
26 : #82032b : -16
28 : #8c032e : -14
30 : #960332 : -12
32 : #a00335 : -10
34 : #aa0338 : -8
36 : #b4043b : -6
38 : #be043f : -4
40 : #c80442 : -2
42 : #d20445 : ±0
44 : #dc0449 : +2
46 : #e6054c : +4
48 : #f0054f : +6
50 : #fa0553 : +8
52 : #fa0f5a : +10
54 : #fa1960 : +12
56 : #fb2367 : +14
58 : #fb2d6e : +16
60 : #fb3775 : +18
62 : #fb417c : +20
64 : #fb4b83 : +22
66 : #fc558a : +24
68 : #fc5f91 : +26
70 : #fc6998 : +28
72 : #fc739e : +30
74 : #fc7da5 : +32
76 : #fd87ac : +34
78 : #fd91b3 : +36
80 : #fd9bba : +38
82 : #fda5c1 : +40
84 : #fdafc8 : +42
86 : #feb9cf : +44
88 : #fec3d6 : +46
90 : #fecddd : +48
92 : #fed7e3 : +50
94 : #fee1ea : +52
96 : #ffebf1 : +54
98 : #fff5f8 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow