#901d62
RGB
| 赤 | 144 |
|---|---|
| 緑 | 29 |
| 青 | 98 |
HSL
| 色相 | 324° |
|---|---|
| 彩度 | 66% |
| 明度 | 34% |
| 輝度 | 28% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 144, 緑 = 29, 青 = 98 )
HSL ( 色相 = 324°, 彩度 = 66%, 明度 = 34% )
H : 色相 ( 324° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #90251d : -320
14 : #90381d : -310
24 : #904b1d : -300
34 : #905e1d : -290
44 : #90711d : -280
54 : #90841d : -270
64 : #88901d : -260
74 : #75901d : -250
84 : #62901d : -240
94 : #4f901d : -230
104 : #3c901d : -220
114 : #29901d : -210
124 : #1d9025 : -200
134 : #1d9038 : -190
144 : #1d904b : -180
154 : #1d905e : -170
164 : #1d9071 : -160
174 : #1d9084 : -150
184 : #1d8890 : -140
194 : #1d7590 : -130
204 : #1d6290 : -120
214 : #1d4f90 : -110
224 : #1d3c90 : -100
234 : #1d2990 : -90
244 : #251d90 : -80
254 : #381d90 : -70
264 : #4b1d90 : -60
274 : #5e1d90 : -50
284 : #711d90 : -40
294 : #841d90 : -30
304 : #901d88 : -20
314 : #901d75 : -10
324 : #901d62 : ±0
334 : #901d4f : +10
344 : #901d3c : +20
354 : #901d29 : +30
314 : #901d75 : -10
315 : #901d73 : -9
316 : #901d71 : -8
317 : #901d6f : -7
318 : #901d6e : -6
319 : #901d6c : -5
320 : #901d6a : -4
321 : #901d68 : -3
322 : #901d66 : -2
323 : #901d64 : -1
324 : #901d62 : ±0
325 : #901d60 : +1
326 : #901d5e : +2
327 : #901d5c : +3
328 : #901d5b : +4
329 : #901d59 : +5
330 : #901d57 : +6
331 : #901d55 : +7
332 : #901d53 : +8
333 : #901d51 : +9
334 : #901d4f : +10
S : 彩度 ( 66% )
(0%) 渋い ～ 鮮やか (100%)
0 : #565656 : -66
2 : #585557 : -64
4 : #5a5357 : -62
6 : #5c5158 : -60
8 : #5e5058 : -58
10 : #5f4e58 : -56
12 : #614c59 : -54
14 : #634b59 : -52
16 : #654959 : -50
18 : #66475a : -48
20 : #68455a : -46
22 : #6a445b : -44
24 : #6c425b : -42
26 : #6d405b : -40
28 : #6f3e5c : -38
30 : #713d5c : -36
32 : #723b5c : -34
34 : #74395d : -32
36 : #76375d : -30
38 : #78365d : -28
40 : #79345e : -26
42 : #7b325e : -24
44 : #7d315e : -22
46 : #7f2f5f : -20
48 : #802d5f : -18
50 : #822b5f : -16
52 : #842a60 : -14
54 : #862860 : -12
56 : #872660 : -10
58 : #892461 : -8
60 : #8b2361 : -6
62 : #8c2161 : -4
64 : #8e1f62 : -2
66 : #901d62 : ±0
68 : #921c62 : +2
70 : #931a63 : +4
72 : #951863 : +6
74 : #971764 : +8
76 : #991564 : +10
78 : #9a1364 : +12
80 : #9c1165 : +14
82 : #9e1065 : +16
84 : #a00e65 : +18
86 : #a10c66 : +20
88 : #a30a66 : +22
90 : #a50966 : +24
92 : #a60767 : +26
94 : #a80567 : +28
96 : #aa0367 : +30
98 : #ac0268 : +32
100 : #ad0068 : +34
L : 明度 ( 34% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -34
2 : #080206 : -32
4 : #11030c : -30
6 : #190511 : -28
8 : #220717 : -26
10 : #2a091d : -24
12 : #330a23 : -22
14 : #3b0c28 : -20
16 : #440e2e : -18
18 : #4c1034 : -16
20 : #55113a : -14
22 : #5d1340 : -12
24 : #661545 : -10
26 : #6e174b : -8
28 : #771851 : -6
30 : #7f1a57 : -4
32 : #871c5c : -2
34 : #901d62 : ±0
36 : #981f68 : +2
38 : #a1216e : +4
40 : #a92373 : +6
42 : #b22479 : +8
44 : #ba267f : +10
46 : #c32885 : +12
48 : #cb2a8b : +14
50 : #d42b90 : +16
52 : #d53495 : +18
54 : #d73c99 : +20
56 : #d9459e : +22
58 : #db4da2 : +24
60 : #dc56a6 : +26
62 : #de5eab : +28
64 : #e067af : +30
66 : #e26fb4 : +32
68 : #e378b8 : +34
70 : #e580bd : +36
72 : #e788c1 : +38
74 : #e891c5 : +40
76 : #ea99ca : +42
78 : #eca2ce : +44
80 : #eeaad3 : +46
82 : #efb3d7 : +48
84 : #f1bbdc : +50
86 : #f3c4e0 : +52
88 : #f5cce4 : +54
90 : #f6d5e9 : +56
92 : #f8dded : +58
94 : #fae6f2 : +60
96 : #fceef6 : +62
98 : #fdf7fb : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow