#be0445
RGB
赤 | 190 |
---|---|
緑 | 4 |
青 | 69 |
HSL
色相 | 339° |
---|---|
彩度 | 96% |
明度 | 38% |
輝度 | 26% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 190, 緑 = 4, 青 = 69 )
HSL ( 色相 = 339°, 彩度 = 96%, 明度 = 38% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #be2004 : -330
19 : #be3f04 : -320
29 : #be5e04 : -310
39 : #be7d04 : -300
49 : #be9c04 : -290
59 : #bebb04 : -280
69 : #a2be04 : -270
79 : #83be04 : -260
89 : #64be04 : -250
99 : #45be04 : -240
109 : #26be04 : -230
119 : #07be04 : -220
129 : #04be20 : -210
139 : #04be3f : -200
149 : #04be5e : -190
159 : #04be7d : -180
169 : #04be9c : -170
179 : #04bebb : -160
189 : #04a2be : -150
199 : #0483be : -140
209 : #0464be : -130
219 : #0445be : -120
229 : #0426be : -110
239 : #0407be : -100
249 : #2004be : -90
259 : #3f04be : -80
269 : #5e04be : -70
279 : #7d04be : -60
289 : #9c04be : -50
299 : #bb04be : -40
309 : #be04a2 : -30
319 : #be0483 : -20
329 : #be0464 : -10
339 : #be0445 : ±0
349 : #be0426 : +10
359 : #be0407 : +20
329 : #be0464 : -10
330 : #be0461 : -9
331 : #be045e : -8
332 : #be045b : -7
333 : #be0458 : -6
334 : #be0454 : -5
335 : #be0451 : -4
336 : #be044e : -3
337 : #be044b : -2
338 : #be0448 : -1
339 : #be0445 : ±0
340 : #be0442 : +1
341 : #be043f : +2
342 : #be043c : +3
343 : #be0439 : +4
344 : #be0435 : +5
345 : #be0432 : +6
346 : #be042f : +7
347 : #be042c : +8
348 : #be0429 : +9
349 : #be0426 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -96
2 : #635f60 : -94
4 : #655d60 : -92
6 : #675b5f : -90
8 : #69595f : -88
10 : #6b575e : -86
12 : #6d555d : -84
14 : #6e535d : -82
16 : #70515c : -80
18 : #724f5c : -78
20 : #744e5b : -76
22 : #764c5b : -74
24 : #784a5a : -72
26 : #7a4859 : -70
28 : #7c4659 : -68
30 : #7e4458 : -66
32 : #804258 : -64
34 : #824057 : -62
36 : #843e56 : -60
38 : #863c56 : -58
40 : #883a55 : -56
42 : #8a3855 : -54
44 : #8c3654 : -52
46 : #8d3454 : -50
48 : #8f3253 : -48
50 : #913052 : -46
52 : #932f52 : -44
54 : #952d51 : -42
56 : #972b51 : -40
58 : #992950 : -38
60 : #9b274f : -36
62 : #9d254f : -34
64 : #9f234e : -32
66 : #a1214e : -30
68 : #a31f4d : -28
70 : #a51d4d : -26
72 : #a71b4c : -24
74 : #a9194b : -22
76 : #ab174b : -20
78 : #ac154a : -18
80 : #ae134a : -16
82 : #b01149 : -14
84 : #b21048 : -12
86 : #b40e48 : -10
88 : #b60c47 : -8
90 : #b80a47 : -6
92 : #ba0846 : -4
94 : #bc0646 : -2
96 : #be0445 : ±0
98 : #c00244 : +2
100 : #c20044 : +4
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #0a0004 : -36
4 : #140007 : -34
6 : #1e010b : -32
8 : #28010f : -30
10 : #320112 : -28
12 : #3c0116 : -26
14 : #460119 : -24
16 : #50021d : -22
18 : #5a0221 : -20
20 : #640224 : -18
22 : #6e0228 : -16
24 : #78022c : -14
26 : #82032f : -12
28 : #8c0333 : -10
30 : #960336 : -8
32 : #a0033a : -6
34 : #aa033e : -4
36 : #b40441 : -2
38 : #be0445 : ±0
40 : #c80449 : +2
42 : #d2044c : +4
44 : #dc0450 : +6
46 : #e60554 : +8
48 : #f00557 : +10
50 : #fa055b : +12
52 : #fa0f61 : +14
54 : #fa1968 : +16
56 : #fb236e : +18
58 : #fb2d75 : +20
60 : #fb377c : +22
62 : #fb4182 : +24
64 : #fb4b89 : +26
66 : #fc558f : +28
68 : #fc5f96 : +30
70 : #fc699c : +32
72 : #fc73a3 : +34
74 : #fc7daa : +36
76 : #fd87b0 : +38
78 : #fd91b7 : +40
80 : #fd9bbd : +42
82 : #fda5c4 : +44
84 : #fdafca : +46
86 : #feb9d1 : +48
88 : #fec3d8 : +50
90 : #fecdde : +52
92 : #fed7e5 : +54
94 : #fee1eb : +56
96 : #ffebf2 : +58
98 : #fff5f8 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow