#df0c44
RGB
赤 | 223 |
---|---|
緑 | 12 |
青 | 68 |
HSL
色相 | 344° |
---|---|
彩度 | 90% |
明度 | 46% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 223, 緑 = 12, 青 = 68 )
HSL ( 色相 = 344°, 彩度 = 90%, 明度 = 46% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #df1a0c : -340
14 : #df3d0c : -330
24 : #df600c : -320
34 : #df830c : -310
44 : #dfa70c : -300
54 : #dfca0c : -290
64 : #d1df0c : -280
74 : #aedf0c : -270
84 : #8adf0c : -260
94 : #67df0c : -250
104 : #44df0c : -240
114 : #21df0c : -230
124 : #0cdf1a : -220
134 : #0cdf3d : -210
144 : #0cdf60 : -200
154 : #0cdf83 : -190
164 : #0cdfa7 : -180
174 : #0cdfca : -170
184 : #0cd1df : -160
194 : #0caedf : -150
204 : #0c8adf : -140
214 : #0c67df : -130
224 : #0c44df : -120
234 : #0c21df : -110
244 : #1a0cdf : -100
254 : #3d0cdf : -90
264 : #600cdf : -80
274 : #830cdf : -70
284 : #a70cdf : -60
294 : #ca0cdf : -50
304 : #df0cd1 : -40
314 : #df0cae : -30
324 : #df0c8a : -20
334 : #df0c67 : -10
344 : #df0c44 : ±0
354 : #df0c21 : +10
334 : #df0c67 : -10
335 : #df0c64 : -9
336 : #df0c60 : -8
337 : #df0c5d : -7
338 : #df0c59 : -6
339 : #df0c56 : -5
340 : #df0c52 : -4
341 : #df0c4f : -3
342 : #df0c4b : -2
343 : #df0c48 : -1
344 : #df0c44 : ±0
345 : #df0c41 : +1
346 : #df0c3d : +2
347 : #df0c39 : +3
348 : #df0c36 : +4
349 : #df0c32 : +5
350 : #df0c2f : +6
351 : #df0c2b : +7
352 : #df0c28 : +8
353 : #df0c24 : +9
354 : #df0c21 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -90
2 : #787374 : -88
4 : #7a7173 : -86
6 : #7c6e72 : -84
8 : #7f6c71 : -82
10 : #816a70 : -80
12 : #83676f : -78
14 : #86656e : -76
16 : #88636d : -74
18 : #8a606b : -72
20 : #8d5e6a : -70
22 : #8f5b69 : -68
24 : #915968 : -66
26 : #945767 : -64
28 : #965466 : -62
30 : #985265 : -60
32 : #9b5064 : -58
34 : #9d4d63 : -56
36 : #a04b62 : -54
38 : #a24960 : -52
40 : #a4465f : -50
42 : #a7445e : -48
44 : #a9425d : -46
46 : #ab3f5c : -44
48 : #ae3d5b : -42
50 : #b03b5a : -40
52 : #b23859 : -38
54 : #b53658 : -36
56 : #b73457 : -34
58 : #b93156 : -32
60 : #bc2f54 : -30
62 : #be2d53 : -28
64 : #c02a52 : -26
66 : #c32851 : -24
68 : #c52650 : -22
70 : #c7234f : -20
72 : #ca214e : -18
74 : #cc1e4d : -16
76 : #ce1c4c : -14
78 : #d11a4b : -12
80 : #d3174a : -10
82 : #d51548 : -8
84 : #d81347 : -6
86 : #da1046 : -4
88 : #dd0e45 : -2
90 : #df0c44 : ±0
92 : #e10943 : +2
94 : #e40742 : +4
96 : #e60541 : +6
98 : #e80240 : +8
100 : #eb003f : +10
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #0a0103 : -44
4 : #130106 : -42
6 : #1d0209 : -40
8 : #27020c : -38
10 : #30030f : -36
12 : #3a0312 : -34
14 : #440415 : -32
16 : #4e0418 : -30
18 : #57051b : -28
20 : #61051e : -26
22 : #6b0621 : -24
24 : #740623 : -22
26 : #7e0726 : -20
28 : #880729 : -18
30 : #91082c : -16
32 : #9b082f : -14
34 : #a50932 : -12
36 : #ae0935 : -10
38 : #b80a38 : -8
40 : #c20a3b : -6
42 : #cb0b3e : -4
44 : #d50b41 : -2
46 : #df0c44 : ±0
48 : #e90c47 : +2
50 : #f20d4a : +4
52 : #f31651 : +6
54 : #f32058 : +8
56 : #f42a60 : +10
58 : #f43467 : +12
60 : #f53d6e : +14
62 : #f54775 : +16
64 : #f6517d : +18
66 : #f65a84 : +20
68 : #f7648b : +22
70 : #f76e92 : +24
72 : #f8779a : +26
74 : #f881a1 : +28
76 : #f98ba8 : +30
78 : #f994af : +32
80 : #fa9eb7 : +34
82 : #faa8be : +36
84 : #fbb1c5 : +38
86 : #fbbbcc : +40
88 : #fcc5d4 : +42
90 : #fccfdb : +44
92 : #fdd8e2 : +46
94 : #fde2e9 : +48
96 : #feecf1 : +50
98 : #fef5f8 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow