#da62d2
RGB
赤 | 218 |
---|---|
緑 | 98 |
青 | 210 |
HSL
色相 | 304° |
---|---|
彩度 | 62% |
明度 | 62% |
輝度 | 58% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 218, 緑 = 98, 青 = 210 )
HSL ( 色相 = 304°, 彩度 = 62%, 明度 = 62% )
H : 色相 ( 304° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #da6a62 : -300
14 : #da7e62 : -290
24 : #da9262 : -280
34 : #daa662 : -270
44 : #daba62 : -260
54 : #dace62 : -250
64 : #d2da62 : -240
74 : #beda62 : -230
84 : #aada62 : -220
94 : #96da62 : -210
104 : #82da62 : -200
114 : #6eda62 : -190
124 : #62da6a : -180
134 : #62da7e : -170
144 : #62da92 : -160
154 : #62daa6 : -150
164 : #62daba : -140
174 : #62dace : -130
184 : #62d2da : -120
194 : #62beda : -110
204 : #62aada : -100
214 : #6296da : -90
224 : #6282da : -80
234 : #626eda : -70
244 : #6a62da : -60
254 : #7e62da : -50
264 : #9262da : -40
274 : #a662da : -30
284 : #ba62da : -20
294 : #ce62da : -10
304 : #da62d2 : ±0
314 : #da62be : +10
324 : #da62aa : +20
334 : #da6296 : +30
344 : #da6282 : +40
354 : #da626e : +50
294 : #ce62da : -10
295 : #d062da : -9
296 : #d262da : -8
297 : #d462da : -7
298 : #d662da : -6
299 : #d862da : -5
300 : #da62da : -4
301 : #da62d8 : -3
302 : #da62d6 : -2
303 : #da62d4 : -1
304 : #da62d2 : ±0
305 : #da62d0 : +1
306 : #da62ce : +2
307 : #da62cc : +3
308 : #da62ca : +4
309 : #da62c8 : +5
310 : #da62c6 : +6
311 : #da62c4 : +7
312 : #da62c2 : +8
313 : #da62c0 : +9
314 : #da62be : +10
S : 彩度 ( 62% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9e9e9e : -62
2 : #a09ca0 : -60
4 : #a29aa1 : -58
6 : #a498a3 : -56
8 : #a696a5 : -54
10 : #a894a6 : -52
12 : #aa92a8 : -50
14 : #ac91aa : -48
16 : #ae8fac : -46
18 : #b08dad : -44
20 : #b18baf : -42
22 : #b389b1 : -40
24 : #b587b2 : -38
26 : #b785b4 : -36
28 : #b983b6 : -34
30 : #bb81b7 : -32
32 : #bd7fb9 : -30
34 : #bf7dbb : -28
36 : #c17bbc : -26
38 : #c379be : -24
40 : #c577c0 : -22
42 : #c775c1 : -20
44 : #c973c3 : -18
46 : #cb72c5 : -16
48 : #cd70c6 : -14
50 : #cf6ec8 : -12
52 : #d06cca : -10
54 : #d26acb : -8
56 : #d468cd : -6
58 : #d666cf : -4
60 : #d864d0 : -2
62 : #da62d2 : ±0
64 : #dc60d4 : +2
66 : #de5ed6 : +4
68 : #e05cd7 : +6
70 : #e25ad9 : +8
72 : #e458db : +10
74 : #e656dc : +12
76 : #e854de : +14
78 : #ea53e0 : +16
80 : #ec51e1 : +18
82 : #ee4fe3 : +20
84 : #ef4de5 : +22
86 : #f14be6 : +24
88 : #f349e8 : +26
90 : #f547ea : +28
92 : #f745eb : +30
94 : #f943ed : +32
96 : #fb41ef : +34
98 : #fd3ff0 : +36
100 : #ff3df2 : +38
L : 明度 ( 62% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -62
2 : #080208 : -60
4 : #110410 : -58
6 : #190618 : -56
8 : #21081f : -54
10 : #290a27 : -52
12 : #320c2f : -50
14 : #3a0e37 : -48
16 : #42103f : -46
18 : #4a1147 : -44
20 : #53134e : -42
22 : #5b1556 : -40
24 : #63175e : -38
26 : #6b1966 : -36
28 : #741b6e : -34
30 : #7c1d76 : -32
32 : #841f7d : -30
34 : #8c2185 : -28
36 : #95238d : -26
38 : #9d2595 : -24
40 : #a5279d : -22
42 : #ae29a5 : -20
44 : #b62bac : -18
46 : #be2db4 : -16
48 : #c62fbc : -14
50 : #cf30c4 : -12
52 : #d039c6 : -10
54 : #d241c9 : -8
56 : #d449cb : -6
58 : #d651cd : -4
60 : #d85ad0 : -2
62 : #da62d2 : ±0
64 : #dc6ad5 : +2
66 : #de73d7 : +4
68 : #e07bd9 : +6
70 : #e283dc : +8
72 : #e48bde : +10
74 : #e694e0 : +12
76 : #e89ce3 : +14
78 : #eaa4e5 : +16
80 : #ecace7 : +18
82 : #eeb5ea : +20
84 : #efbdec : +22
86 : #f1c5ee : +24
88 : #f3cdf1 : +26
90 : #f5d6f3 : +28
92 : #f7def6 : +30
94 : #f9e6f8 : +32
96 : #fbeefa : +34
98 : #fdf7fd : +36
100 : #ffffff : +38
CSS入門、作ってます。
text-shadow