#d24171
RGB
赤 | 210 |
---|---|
緑 | 65 |
青 | 113 |
HSL
色相 | 340° |
---|---|
彩度 | 62% |
明度 | 54% |
輝度 | 45% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 210, 緑 = 65, 青 = 113 )
HSL ( 色相 = 340°, 彩度 = 62%, 明度 = 54% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #d24141 : -340
10 : #d25941 : -330
20 : #d27141 : -320
30 : #d28a41 : -310
40 : #d2a241 : -300
50 : #d2ba41 : -290
60 : #d2d241 : -280
70 : #bad241 : -270
80 : #a2d241 : -260
90 : #8ad241 : -250
100 : #71d241 : -240
110 : #59d241 : -230
120 : #41d241 : -220
130 : #41d259 : -210
140 : #41d271 : -200
150 : #41d28a : -190
160 : #41d2a2 : -180
170 : #41d2ba : -170
180 : #41d2d2 : -160
190 : #41bad2 : -150
200 : #41a2d2 : -140
210 : #418ad2 : -130
220 : #4171d2 : -120
230 : #4159d2 : -110
240 : #4141d2 : -100
250 : #5941d2 : -90
260 : #7141d2 : -80
270 : #8a41d2 : -70
280 : #a241d2 : -60
290 : #ba41d2 : -50
300 : #d241d2 : -40
310 : #d241ba : -30
320 : #d241a2 : -20
330 : #d2418a : -10
340 : #d24171 : ±0
350 : #d24159 : +10
330 : #d2418a : -10
331 : #d24187 : -9
332 : #d24185 : -8
333 : #d24182 : -7
334 : #d24180 : -6
335 : #d2417e : -5
336 : #d2417b : -4
337 : #d24179 : -3
338 : #d24176 : -2
339 : #d24174 : -1
340 : #d24171 : ±0
341 : #d2416f : +1
342 : #d2416d : +2
343 : #d2416a : +3
344 : #d24168 : +4
345 : #d24165 : +5
346 : #d24163 : +6
347 : #d24160 : +7
348 : #d2415e : +8
349 : #d2415c : +9
350 : #d24159 : +10
S : 彩度 ( 62% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -62
2 : #8c8789 : -60
4 : #8e8588 : -58
6 : #918387 : -56
8 : #938087 : -54
10 : #957e86 : -52
12 : #987c85 : -50
14 : #9a7984 : -48
16 : #9c7783 : -46
18 : #9f7583 : -44
20 : #a17282 : -42
22 : #a47081 : -40
24 : #a66e80 : -38
26 : #a86b80 : -36
28 : #ab697f : -34
30 : #ad677e : -32
32 : #af647d : -30
34 : #b2627c : -28
36 : #b45f7c : -26
38 : #b65d7b : -24
40 : #b95b7a : -22
42 : #bb5879 : -20
44 : #bd5678 : -18
46 : #c05478 : -16
48 : #c25177 : -14
50 : #c44f76 : -12
52 : #c74d75 : -10
54 : #c94a75 : -8
56 : #cb4874 : -6
58 : #ce4673 : -4
60 : #d04372 : -2
62 : #d24171 : ±0
64 : #d53f71 : +2
66 : #d73c70 : +4
68 : #d93a6f : +6
70 : #dc386e : +8
72 : #de356e : +10
74 : #e1336d : +12
76 : #e3316c : +14
78 : #e52e6b : +16
80 : #e82c6a : +18
82 : #ea2a6a : +20
84 : #ec2769 : +22
86 : #ef2568 : +24
88 : #f12267 : +26
90 : #f32067 : +28
92 : #f61e66 : +30
94 : #f81b65 : +32
96 : #fa1964 : +34
98 : #fd1763 : +36
100 : #ff1463 : +38
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #080204 : -52
4 : #110408 : -50
6 : #19060c : -48
8 : #210810 : -46
10 : #290a14 : -44
12 : #320c18 : -42
14 : #3a0e1c : -40
16 : #421020 : -38
18 : #4a1124 : -36
20 : #531328 : -34
22 : #5b152d : -32
24 : #631731 : -30
26 : #6b1935 : -28
28 : #741b39 : -26
30 : #7c1d3d : -24
32 : #841f41 : -22
34 : #8c2145 : -20
36 : #952349 : -18
38 : #9d254d : -16
40 : #a52751 : -14
42 : #ae2955 : -12
44 : #b62b59 : -10
46 : #be2d5d : -8
48 : #c62f61 : -6
50 : #cf3065 : -4
52 : #d0396b : -2
54 : #d24171 : ±0
56 : #d44978 : +2
58 : #d6517e : +4
60 : #d85a84 : +6
62 : #da628a : +8
64 : #dc6a90 : +10
66 : #de7396 : +12
68 : #e07b9d : +14
70 : #e283a3 : +16
72 : #e48ba9 : +18
74 : #e694af : +20
76 : #e89cb5 : +22
78 : #eaa4bb : +24
80 : #ecacc1 : +26
82 : #eeb5c8 : +28
84 : #efbdce : +30
86 : #f1c5d4 : +32
88 : #f3cdda : +34
90 : #f5d6e0 : +36
92 : #f7dee6 : +38
94 : #f9e6ed : +40
96 : #fbeef3 : +42
98 : #fdf7f9 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow