#dd1d8a
RGB
赤 | 221 |
---|---|
緑 | 29 |
青 | 138 |
HSL
色相 | 326° |
---|---|
彩度 | 77% |
明度 | 49% |
輝度 | 39% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 221, 緑 = 29, 青 = 138 )
HSL ( 色相 = 326°, 彩度 = 77%, 明度 = 49% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #dd301d : -320
16 : #dd501d : -310
26 : #dd701d : -300
36 : #dd901d : -290
46 : #ddb01d : -280
56 : #ddd01d : -270
66 : #cadd1d : -260
76 : #aadd1d : -250
86 : #8add1d : -240
96 : #6add1d : -230
106 : #4add1d : -220
116 : #2add1d : -210
126 : #1ddd30 : -200
136 : #1ddd50 : -190
146 : #1ddd70 : -180
156 : #1ddd90 : -170
166 : #1dddb0 : -160
176 : #1dddd0 : -150
186 : #1dcadd : -140
196 : #1daadd : -130
206 : #1d8add : -120
216 : #1d6add : -110
226 : #1d4add : -100
236 : #1d2add : -90
246 : #301ddd : -80
256 : #501ddd : -70
266 : #701ddd : -60
276 : #901ddd : -50
286 : #b01ddd : -40
296 : #d01ddd : -30
306 : #dd1dca : -20
316 : #dd1daa : -10
326 : #dd1d8a : ±0
336 : #dd1d6a : +10
346 : #dd1d4a : +20
356 : #dd1d2a : +30
316 : #dd1daa : -10
317 : #dd1da7 : -9
318 : #dd1da3 : -8
319 : #dd1da0 : -7
320 : #dd1d9d : -6
321 : #dd1d9a : -5
322 : #dd1d97 : -4
323 : #dd1d93 : -3
324 : #dd1d90 : -2
325 : #dd1d8d : -1
326 : #dd1d8a : ±0
327 : #dd1d87 : +1
328 : #dd1d83 : +2
329 : #dd1d80 : +3
330 : #dd1d7d : +4
331 : #dd1d7a : +5
332 : #dd1d77 : +6
333 : #dd1d73 : +7
334 : #dd1d70 : +8
335 : #dd1d6d : +9
336 : #dd1d6a : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7d : -76
3 : #81797d : -74
5 : #83777e : -72
7 : #86747e : -70
9 : #88727e : -68
11 : #8b6f7f : -66
13 : #8d6d7f : -64
15 : #906a7f : -62
17 : #926880 : -60
19 : #956580 : -58
21 : #976380 : -56
23 : #9a6081 : -54
25 : #9c5e81 : -52
27 : #9f5b81 : -50
29 : #a15982 : -48
31 : #a45682 : -46
33 : #a65482 : -44
35 : #a95183 : -42
37 : #ab4f83 : -40
39 : #ae4c83 : -38
41 : #b04a84 : -36
43 : #b34784 : -34
45 : #b54584 : -32
47 : #b84285 : -30
49 : #ba4085 : -28
51 : #bd3d85 : -26
53 : #bf3b86 : -24
55 : #c23886 : -22
57 : #c43686 : -20
59 : #c73387 : -18
61 : #c93187 : -16
63 : #cc2e87 : -14
65 : #ce2c88 : -12
67 : #d12988 : -10
69 : #d32788 : -8
71 : #d62489 : -6
73 : #d82289 : -4
75 : #db1f89 : -2
77 : #dd1d8a : ±0
79 : #e01a8a : +2
81 : #e2188a : +4
83 : #e5158b : +6
85 : #e7138b : +8
87 : #ea108b : +10
89 : #ec0e8c : +12
91 : #ef0b8c : +14
93 : #f1098c : +16
95 : #f4068d : +18
97 : #f6048d : +20
99 : #f9018d : +22
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050103 : -48
3 : #0e0208 : -46
5 : #17030e : -44
7 : #200414 : -42
9 : #290519 : -40
11 : #32061f : -38
13 : #3b0825 : -36
15 : #44092a : -34
17 : #4d0a30 : -32
19 : #560b35 : -30
21 : #5f0c3b : -28
23 : #680d41 : -26
25 : #710f46 : -24
27 : #7a104c : -22
29 : #831152 : -20
31 : #8c1257 : -18
33 : #95135d : -16
35 : #9e1562 : -14
37 : #a71668 : -12
39 : #b0176e : -10
41 : #b91873 : -8
43 : #c21979 : -6
45 : #cb1a7f : -4
47 : #d41c84 : -2
49 : #dd1d8a : ±0
51 : #e2228f : +2
53 : #e32b93 : +4
55 : #e53498 : +6
57 : #e63d9d : +8
59 : #e746a1 : +10
61 : #e84fa6 : +12
63 : #e958aa : +14
65 : #ea61af : +16
67 : #ec6ab3 : +18
69 : #ed73b8 : +20
71 : #ee7cbd : +22
73 : #ef85c1 : +24
75 : #f08ec6 : +26
77 : #f297ca : +28
79 : #f3a0cf : +30
81 : #f4a9d4 : +32
83 : #f5b2d8 : +34
85 : #f6bbdd : +36
87 : #f7c4e1 : +38
89 : #f9cde6 : +40
91 : #fad6ea : +42
93 : #fbdfef : +44
95 : #fce8f4 : +46
97 : #fdf1f8 : +48
99 : #fefafd : +50
CSS入門、作ってます。
text-shadow